<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../../resources/estoque.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="content">
        <h:outputStylesheet library="css" name="estilo.css" />
        <h:outputScript library="js" name="javaScript.js" />
        <p:separator />
        <div class="pagina">
            Lançamento de Saída de Produto
        </div>        
        <p:separator />    
        <h:form id="saida">
            <p:growl />
            <h:inputHidden value="#{mbSaida.saida.idSaida}" />
            <h:panelGrid columns="7">
                <h:outputLabel for="data" value="Data.:" styleClass="lb" />
                <p:calendar id="data" value="#{mbSaida.saida.data}" />
                <h:outputLabel for="produto" value="Produto.:" styleClass="lb" />
                <h:selectOneMenu id="produto" value="#{mbSaida.saida.produto.idProduto}" styleClass="tx" required="true" requiredMessage="Produto e obrigatório">
                    <f:selectItem itemLabel="Selecione um produto" />
                    <f:selectItems value="#{mbSaida.produtos}" var="p" itemLabel="#{p.descricao}" itemValue="#{p.idProduto}" />
                </h:selectOneMenu>
                <h:outputLabel for="qtde" value="Qtde.:" styleClass="lb" />
                <h:inputText id="qtde" value="#{mbSaida.saida.quantidade}" styleClass="tx" size="10" requiredMessage="Digite somente numeros">
                    <f:convertNumber type="number" />
                </h:inputText>
                <p:commandButton value="Salvar" action="#{mbSaida.saidaProduto}" ajax="false" update="@form" />
            </h:panelGrid>
        </h:form>
        <p:separator />
        <h:form id="btlSaida">
            <p:dataTable value="#{mbSaida.saidas}" var="s">
                <p:column headerText="Código">
                    <h:outputText value="#{s.idSaida}" />
                </p:column>
                <p:column headerText="Data">
                    <h:outputText value="#{s.data}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>
                <p:column headerText="Produto">
                    <h:outputText value="#{s.produto.descricao}" />
                </p:column>
                <p:column headerText="Qtde">
                    <h:outputText value="#{s.quantidade}" />
                </p:column>
            </p:dataTable>
        </h:form>
    </ui:define>

</ui:composition>
